.card:hover {
	cursor: pointer;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
	transition: all 0.2s ease-in-out;
}

@media ( orientation : landscape) {
	.logolink {
		color: rgb(241, 189, 119);
		font-size: 1.5em;
		margin-right: 100px;
	}
	.card {
		width: 320px;
		margin: 0 20px 20px 20px;
	}
	.labelBox {
		border-top: dashed 1px gray;
		border-bottom: dashed 1px gray;
		box-sizing: border-box;
		padding: 10px 10% 10px 10%;
		margin: 30px 0 30px 0;
	}
}

@media ( orientation : portrait) {
	.laptop {
		display: none;
	}
	.logolink {
		color: rgb(241, 189, 119);
		font-size: 1.5em;
	}
	.card {
		width: 100%;
		margin-bottom: 5px;
	}
	.labelBox {
		border-top: dashed 1px gray;
		border-bottom: dashed 1px gray;
		box-sizing: border-box;
		padding: 10px 3% 10px 3%;
		margin: 30px 0 30px 0;
	}
}